const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
  transpileDependencies: true,

  //关闭语法检查
  lintOnSave: false,

  // 更改网页标签的title
  chainWebpack: (config) => {
    config.plugin("html").tap((args) => {
      args[0].title = "绩效管理系统";
      return args;
    });
  },

  // 解决跨域问题使用代理
  // 开启代理服务器（方式一）
  devServer: {
    proxy: "http://localhost:45",
  },

  // devServer: {
  //   proxy: {
  //     "/api/": {
  //       //axios请求的别名
  //       // 跨域的服务器地址
  //       target: "http://localhost:45", //真实请求的地址
  //       // 是否允许跨域
  //       changeOrigin: true,
  //       // 替换掉请求路径的/sougou为“”
  //       pathRewrite: { "^/api": "" },
  //     },
  //   },
  // },

  //第二种
  // devServer: {
  //   proxy: {
  //     // 以api为前缀才开启代理,可修改
  //     // 可以配置多个
  //     "/api": {
  //       target: "http://localhost:8264",
  //       //正则表达式判断，将路径中的/api转换为""
  //       pathRewrite: { "^/api": "" },
  //       //用于支持websocket
  //       // ws:true,
  //       //用于控制请求头中的host值
  //       // changeOrigin: true
  //     },
  //   },
  // },
  // devServer: {
  //   port: 8080, // 端口号
  //   open: false, //配置是否自动启动浏览器
  //   https: false, // https:{type:Boolean}是否启用https
  //   proxy: {
  //     // 代理
  //     "/api": {
  //       target: "http://localhost:45", //要代理访问的路径
  //       ws: false, // 是否启用websockets
  //       changeOrigin: true, //开启代理：在本地会创建一个虚拟服务端，然后发送请求的数据，并同时接收请求的数据，这样服务端和服务端进行数据的交互就不会有跨域问题
  //       pathRewrite: {
  //         "^/api": "", //这里理解成用'/api'代替target里面的地址,比如我要调用'http://192.168.0.45:8088/user/getuserlist'，直接写'/api/user/getuserlist'即可
  //       },
  //     },
  //   },
  // },
});
